import { useNavigate } from 'react-router-dom'
import { Row, Col, Button } from 'antd'
import './style.scss'

export default () => {
  const navigate = useNavigate()

  return (
    <div className='page-404'>
      <Row>
        <Col span={14} style={{ textAlign: 'right' }}>
          <img style={{ width: '600px' }} src={require('../../assets/404.png')} alt='' />
        </Col>
        <Col span={10}>
          <div className="tips">
            <h1>OOPS!</h1>
            <div>All rights reserved <a href='https://wallstreetcn.com/' target='_blank'>wallstreetcn</a></div>
            <h3>The webmaster said that you can not enter this page...</h3>
            <p>Please check that the URL you entered is correct, or click the button below to return to the homepage.</p>
            <Button
              type='primary'
              shape='round'
              onClick={() => navigate('/dashboard', { replace: true })}
            >
              Back to home
            </Button>
          </div>
        </Col>
      </Row>
    </div>
  )
}